<style type="text/css">
@media not screen and (1) {
	.ears { 
		left: 0px;
		margin-left: 0px;
		margin-top: -10px;
	}
}
</style>
<? if ($c = stack('name')) {

	$d = component_data($c);

	?><section id="cpn-<?=$c?>"><?

			startScript('jquery, jquery.validationEngine, jquery.validationEngine-'.context('lang').', other-validations-'.context('lang').', jquery.maskedinput.min, jquery.sbx');

			?><script type="text/javascript">

				$('.collapsible img').on('click', function(e) {
					var $el = $(this).parent().find('.full')
					$el.toggle();
					$(this).attr({src: $el.is(':visible') ? '/img/collapsible_minus.png' : '/img/collapsible_plus.png'});
				});

				$('.confirm').on('click', function(e) {
					return confirm($(this).data('confirm'));
				});


			</script><? endScript();
		
			?>

			<!-- h1><?=tc('Profile')?></h1 -->
			<ul class="sub-menu"><li class="button"><a href="/<?=$CONTEXT['lang_prefix']?>my/"><?=tc('Особисті дані')?></a></li><li class="button active"><?=tc('Мої звернення')?></li></ul>
			<!-- div class="tabs">
				<div class="vertical"><span><a href='/claim/show-draft/'>Чернетки (18)</a></span></div>
				<div class="vertical active"><span>Надіслаі (8)</span></div>
			</div -->
			<fieldset class="tall">
				<ul class="ears"><li class="active"><?=tc('Чернетки')?> (<?=$d['draft_count']?>)</li><li><a href="/<?=$CONTEXT['lang_prefix']?>claim/show-sent/"><?=tc('Надіслані')?> (<?=$d['sent_count']?>)</a></li></ul>
				<!--<a class="function" href='/claim/'><?//=tc('Створити нове звернення')?></a>
				<hr><br>-->

				<?foreach($d['claims'] as $id => $v) { ?>
					<div class="collapsible">
						<img src="/img/collapsible_plus.png">

						<div class="row">
								<label class="text date">
									<?=date2str(parse_date($v['c_date']), context('lang'))?>
								</label>
							<p>&nbsp;</p>

							<label class="text"><?=tc('Питання:')?></label>
							<p class="question"><?=$v['question']?>&nbsp;</p>
						</div>

						<div class="row full">
							<label class="text"><?=tc('Регіон, якого стосується питання:')?></label>
							<p class="region"><?=gccGeoToRootJoin($v['region_id'], true)?>&nbsp;</p>

							<label class="text"><?=tc('Зміст:')?></label>
							<p><?=$v['issue']?>&nbsp;</p>
						</div>
						
						
						<ul class="sub-menu">
							<li><a href="/<?=$CONTEXT['lang_prefix']?>claim/edit-<?=$id?>/"><?=tc('Редагувати')?></a></li>
							<li><a class="confirm" data-confirm="<?=tc('Ви впевнені, що бажаєте вилучити звернення?')?>" href="/<?=$CONTEXT['lang_prefix']?>claim/delete-<?=$id?>/"><?=tc('Вилучити')?></a></li>
							<li><a class="confirm" data-confirm="<?=tc('Ви впевнені, що бажаєте відправити звернення? Після цього ви не зможете вносити зміни до звернення.')?>" href="/<?=$CONTEXT['lang_prefix']?>claim/send-<?=$id?>/"><?=tc('Відправити')?></a></li>
						</ul>
					</div>
				<? }?>


			</fieldset>


		</section><?

	unstack();
}
